<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
       .a{
           height: 50px;
           width: 100px;
           background-color: #009933;
           border-radius: 20px;
           behavior: url(Css/ie-css3.htc);
           transform: rotate(-90deg);
       }
    </style>
</head>
<body>
    <div class="a">

    </div>
    <img src="Images/aboutus/icon_culture1.png"  usemap="#Map" />

    <map name="Map" id="Map">
        <area shape="rect" coords="12,37,181,88" href="URL1" onFocus="this.blur()"/>
        <area shape="rect" coords="12,97,182,143" href="URL2" />
        <area shape="rect" coords="18,155,179,200" href="URL3" />
        <area shape="rect" coords="18,211,182,260" href="URL4" />
    </map>
</body>
</html>